<template>
    <div style="background: #F1F2F3;width: 1200px;margin: 12px auto;">
        <el-row>
            <el-col :span="8" style="text-align: center;height: 100px;padding-top: 10px;">
                <p style="font-size: 20px;color: #222222;font-weight: bold;">联系我们</p>
                <p style="font-size: 16px;color: #6D6D6D;">地址：重庆市云阳县天鹅路1号-民政局</p>
                <p style="font-size: 16px;color: #6D6D6D;">12345政务服务便民热线</p>
            </el-col>
            <el-col :span="8" style="text-align: center;">
                <p style="font-size: 20px;color: #222222;font-weight: bold;">相关站点</p>
                <!--        <p style="font-size: 16px;color: #6D6D6D;">国家政务服务平台</p>-->
                <!--        <p style="font-size: 16px;color: #6D6D6D;">重庆市人民政府网站</p>-->
                <!--        <p style="font-size: 16px;color: #6D6D6D;">全国投资项目在线审批监管平台</p>-->
                <p>
                    <a href="http://gjzwfw.www.gov.cn/index.html" target="_blank" class="mb-10"
                        title="国家政务服务平台">国家政务服务平台</a>
                </p>
                <p>
                    <a href="https://www.cq.gov.cn" target="_blank" class="mb-10" title="重庆市人民政府网站">重庆市人民政府网站</a>
                </p>
                <p>
                    <a href="http://www.tzxm.gov.cn" target="_blank" class="mb-10"
                        title="全国投资项目在线审批监管平台">全国投资项目在线审批监管平台</a>
                </p>
            </el-col>
            <el-col :span="8" style="text-align: center;padding-top: 10px;">
                <img src="../assets/ykbimg.png" height="100" width="100" />
                <p style="font-size: 16px;color: #6D6D6D;">扫码进入"渝快办"APP</p>
            </el-col>

        </el-row>
        <div style="background: #eaebeb;padding-top: 20px;position: relative;padding-bottom: 20px;">
            <el-row>
                <el-col :span="24" style="text-align: center;">
                    <div class="header-rt rt">
                        <a href="//zwykb.cq.gov.cn/v2/gg/wzdt/" target="_blank">网站地图</a>
                        <span class="header-line">丨</span>
                        <a href="//zwykb.cq.gov.cn/v2/gg/gywm/" target="_blank">关于我们</a>
                        <span class="header-line h5hide">丨</span>
                        <a href="//zwykb.cq.gov.cn/v2/gg/xszn/" target="_blank">新手指南</a>
                    </div>
                </el-col>
                <el-col :span="24" style="text-align: center;">
                    <p>主办单位：重庆市人民政府办公厅 承办单位：重庆市大数据应用发展管理局 备案：渝ICP备05003300号</p>
                </el-col>
                <el-col :span="24" style="text-align: center;margin-top: -20px;">
                    <p>渝公网安备 50010302000814号 网站标识码：5000000095</p>
                </el-col>
            </el-row>
            <div class="unit-img-warp">
                <a target="_blank" ignoreapd='true'
                    href="http://121.43.68.40/exposure/jiucuo.html?site_code=5000000095&amp;url=http%3A%2F%2Fwww.cq.gov.cn%2F"
                    class="ariaskiptheme">
                    <img src="../assets/footerimage1.png" height="55" width="110" /></a>
                <a target="_blank" ignoreapd='true'
                    href="http://bszs.conac.cn/sitename?method=show&amp;id=072BDAB93D703248E053022819AC5512"
                    class="ariaskiptheme">
                    <img src="../assets/footerimage2.png" height="51" width="41" /></a>
                <a target="_blank" ignoreapd='true' style="margin-left: 10px;"
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302000814"
                    class="ariaskiptheme">
                    <img src="../assets/footerimage3.png" height="51" width="41" /></a>
            </div>
        </div>

    </div>
</template>
<script>

export default {

    data() {
        return {

        }
    },
    created() {

    },
    mounted() {
        this.initScreen()
        window.onresize = () => {
            return (() => {
                this.initScreen()
            })()
        }
    },
    methods: {
        initScreen() {
            const winWidth = window.innerWidth;
            console.log(winWidth)
            const size = winWidth / 1920
            if (winWidth > 768 && winWidth < 1850) {
                document.body.style.zoom = size; //放大缩小相应倍数
            }
        },
        loginOut() {
            const userStore = useUserStore()
            userStore.logout()
            location.reload()
        }
    }
}
</script>

<style scoped lang="scss">
.el-table {
    --el-table-row-hover-bg-color: rgba(39, 137, 238, 0.1);
    --el-table-border-color: #e0e5f0;
}

:deep(.el-card.is-always-shadow) {
    box-shadow: 0 1px 14px 0 rgba(209, 224, 239, 0.6)
}

/* 拉框选中 */
.el-select-dropdown__item {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

/* 鼠标经过下拉框 */
.el-select-dropdown__item:hover {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.el-select-dropdown__item.selected {
    color: #2789EE;
}

.unit-img-warp {
    position: absolute;
    bottom: 45px;
    right: 1%;
}

a {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #333333;
    font-size: 16px;
    margin-right: 5px;
    margin-left: 5px;
}

a:hover {
    color: #2789ee;
}
</style>
